<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link crossorigin="anonymous" integrity="sha512-6KY5s6UI5J7SVYuZB4S/CZMyPylqyyNZco376NM2Z8Sb8OxEdp02e1jkKk/wZxIEmjQ6DRCEBhni+gpr9c4tvA==" href="https://lib.baomitu.com/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <title>管理药品</title>
    <script crossorigin="anonymous" integrity="sha512-b3xr4frvDIeyC3gqR1/iOi6T+m3pLlQyXNuvn5FiRrrKiMUJK3du2QqZbCywH6JxS5EOfW0DY0M6WwdXFbCBLQ==" src="https://lib.baomitu.com/Chart.js/3.5.1/chart.js"></script>
    <meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport' />

    <!-- Fonts and icons -->
    <script th:src="@{/js/plugin/webfont/webfont.min.js}"></script>

    <!-- CSS Files -->
    <link rel="stylesheet"  type="text/css" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/azzara.min.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/css/demo.css}">
</head>
<body>

<div class="wrapper">


    <div class="main-header" data-background-color="purple">
        <!-- Logo Header -->
        <div >
            <a th:href="@{/}" class="logo">
                <div class="logo-header">

                </div>
            </a>
        </div>
        <nav class="navbar navbar-header navbar-expand-lg">

            <div class="container-fluid">
                <ul class="navbar-nav topbar-nav ml-md-auto align-items-center">
                    <li class="nav-item toggle-nav-search hidden-caret">
                        <a class="nav-link" data-toggle="collapse" href="#search-nav" role="button" aria-expanded="false" aria-controls="search-nav">
                            <i class="fa fa-search"></i>
                        </a>
                    </li>

                    <li class="nav-item dropdown hidden-caret">
                        <a class="dropdown-toggle profile-pic" data-toggle="dropdown" href="#" aria-expanded="false">
                            <div class="avatar-sm">
                                <span style="margin-left: -120px;color: snow;text-align: center;font-size: 20px">查看登录状态</span>
                            </div>
                        </a>
                        <ul class="dropdown-menu dropdown-user animated fadeIn">
                            <li>
                                <div class="user-box">
                                    用户名：<span th:text="${name}"></span>
                                </div>
                            </li>
                            <li>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" th:href="@{/updateUser}">修改密码</a>
                                <a class="dropdown-item" th:href="@{/logout}">退出</a>
                            </li>
                        </ul>
                    </li>

                </ul>
            </div>
        </nav>
        <!-- End Navbar -->
    </div>
    <!-- Sidebar -->
    <div class="sidebar">

        <div class="sidebar-wrapper scrollbar-inner">
            <div class="sidebar-content">

                <ul class="nav">
                    <li class="nav-item">
                        <a th:href="@{/}">
                            <i class="fas fa-home"></i>
                            <p>返回主页</p>
                        </a>
                    </li>
                    <li class="nav-section">
							<span class="sidebar-mini-icon">
								<i class="fa fa-ellipsis-h"></i>
							</span>
                        <h4 class="text-section">导航栏</h4>
                    </li>

                    <!--						一-->
                    <li class="nav-item active submenu">
                        <a data-toggle="collapse" href="#base">
                            <i class="fas fa-layer-group"></i>
                            <p>药品</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse show" id="base">
                            <ul class="nav nav-collapse">
                                <li >
                                    <a th:href="@{/drugs}">
                                        <span class="sub-item">药品信息</span>
                                    </a>
                                </li>
                                <li class="active">
                                    <a th:href="@{/drugs/new}">
                                        <span class="sub-item">管理药品</span>
                                    </a>
                                </li>
                                <li>
                                    <a th:href="@{/drugs/selects}">
                                        <span class="sub-item">查询药品</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!--						二-->
                    <li class="nav-item">
                        <a data-toggle="collapse" href="#forms">
                            <i class="fas fa-pen-square"></i>
                            <p>药库</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse" id="forms">
                            <ul class="nav nav-collapse">
                                <li>
                                    <a th:href="@{/rooms}">
                                        <span class="sub-item">药库信息</span>
                                    </a>
                                </li>
                                <li>
                                    <a th:href="@{/rooms/new}">
                                        <span class="sub-item">管理药库</span>
                                    </a>
                                </li>

                                <li>
                                    <a th:href="@{/rooms/selects}">
                                        <span class="sub-item">查询药库</span>
                                    </a>
                                </li>

                            </ul>
                        </div>
                    </li>
                    <!--						三-->
                    <li class="nav-item">
                        <a data-toggle="collapse" href="#tables">
                            <i class="fas fa-table"></i>
                            <p>个人中心</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse" id="tables">
                            <ul class="nav nav-collapse">
                                <li>
                                    <a th:href="@{/updateUser}">
                                        <span class="sub-item">修改密码</span>
                                    </a>
                                </li>
                                <li>
                                    <a th:href="@{/logout}">
                                        <span class="sub-item">退出</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>





    <div class="main-panel">
        <div class="content">
            <!--				主页内容-->
            <div>
            <form th:action="@{/drugs/save}" th:object="${adrugss}" method="POST">
                <h1 style="margin-top: 70px;margin-left: 430px;width: 400px;height: 30px;color: #337ab7">管理药品</h1>
                <div>
                    <div style="margin-top: 30px;margin-left: 300px;width: 400px;height: 30px">
                        <span style="float:left;"><strong>名称</strong></span>
                        <input style="margin-left: 33px;width: 300px;float:left;" type="text" id="login-user" placeholder="名称"  th:name="name">
                        <span th:text="${error}" style="color: red;position: fixed;margin-left: 10px"></span>

                    </div>
                    <div style="margin-top: 15px;margin-left: 300px;width: 400px;height: 30px">
                        <span><strong>价格</strong></span>
                        <input  style="margin-left: 30px;width: 300px" type="text" class="login-user" placeholder="价格" th:name="jg">
                    </div>
                    <div style="margin-top: 15px;margin-left: 300px;width: 400px;height: 30px">
                        <span><strong>药库</strong></span>
                        <input style="margin-left: 30px;width: 300px"type="text" class="login-password" placeholder="类型" th:name="room">
                    </div>
                    <div style="margin-top: 10px;margin-left: 300px;width: 400px;height: 30px" >
                        <span><strong>类型</strong></span>
                        <select style="margin-left: 30px;width: 300px;height: 27px" th:name="type" >
                            <option value="中药">中药</option>
                            <option value="西药">西药</option>
                            <option value="中西药">中西药</option>

                        </select>
                    </div>

                    <div style="margin-top: 10px;margin-left: 275px;width: 400px;height: 30px" >
                        <span><strong>药品用途</strong></span>
                        <input style="margin-left: 30px;width: 300px" type="text" class="login-password" placeholder="药品用途" th:name="purpose" >
                    </div>

                    <div style="margin-top: 10px;margin-left: 400px;width: 300px;height: 50px">
                        <button style="width: 200px;color: red"><span type="submit">提交</span></button>
                    </div>
                </div>
            </form>
        </div>
        </div>
    </div>
</div>
<!--   Core JS Files   -->
<script th:src="@{/js/core/jquery.3.2.1.min.js}"></script>
<script th:src="@{/js/core/popper.min.js}"></script>
<script th:src="@{/js/core/bootstrap.min.js}"></script>
<!-- jQuery UI -->
<script th:src="@{/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js}"></script>
<script th:src="@{/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js}"></script>
<!-- Bootstrap Toggle -->
<script th:src="@{/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js}"></script>
<!-- jQuery Scrollbar -->
<script th:src="@{/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js}"></script>
<!-- Azzara JS -->
<script th:src="@{/js/ready.min.js}"></script>
<!-- Azzara DEMO methods, don't include it in your project! -->
<script th:src="@{/js/setting-demo.js}"></script>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</body>
</html>